﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Wijmo.Master" AutoEventWireup="true" CodeBehind="Overview.aspx.cs" Inherits="ControlExplorer.C1Splitter.Overview" %>

<%@ Register Assembly="C1.Web.Wijmo.Controls.3" Namespace="C1.Web.Wijmo.Controls.C1Splitter" TagPrefix="wijmo" %>
<asp:Content ID="Content1" ContentPlaceHolderID="Head" runat="server">
    <style type="text/css">
        .splitterContainer
        {
            height: 210px;
        }
        
        .layout
        {
            float: left;
        }
    </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    <div class="splitterContainer">
        <div class="layout">
            <p>
                竖直: 面板1</p>
            <wijmo:C1Splitter runat="server" ID="C1Splitter1" Orientation="Vertical" Width="200px" Height="200px" />
            <p>
                竖直: 面板2</p>
            <wijmo:C1Splitter runat="server" ID="C1Splitter3" Orientation="Vertical" Width="200px" CollapsingPanel="Panel2" Height="200px" />
        </div>
        <div class="layout" style="width: 100px;">
            &nbsp;</div>
        <div class="layout">
            <p>
                水平: 面板1</p>
            <wijmo:C1Splitter runat="server" ID="C1Splitter2" Orientation="Horizontal" Width="200px" Height="200px" />
            <p>
                水平: 面板2</p>
            <wijmo:C1Splitter runat="server" ID="C1Splitter4" Orientation="Horizontal" Width="200px" CollapsingPanel="Panel2" Height="200px" />
        </div>
    </div>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="Description" runat="server">
    <p>
        <strong>C1Splitter</strong> 是一个容器控件，包括一个可拖动的条，将一个容器的显示区域分为两个可调整大小的窗格。
 此示例演示如何使用<strong>方向</strong>属性作垂直或水平拆分。
 本节的其他样本将教您如何使嵌套分配器和全尺寸分离器。
</p>
</asp:Content>
<asp:Content ID="Content4" ContentPlaceHolderID="ControlOptions" runat="server">
</asp:Content>
